                <div class="offers-container">
                    <div class="offers-container_header">
                        <h3>Диалоги по оффертам</h3>
                        <div class="offers-container_search">
                            <div class="search-with-catalog">
                                <input type="text" />
                                <div class="search-with-catalog_icon"></div>
                                <!--<div class="search-with-catalog_catalog" id="dropdownMenu1" data-toggle="dropdown">в каталоге <b class="caret"></b>
                                </div>-->
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                    <li><a href="#">Action</a>
                                    </li>
                                    <li><a href="#">Another action</a>
                                    </li>
                                    <li><a href="#">Something else here</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li><a href="#">One more separated link</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <ul class="nav-panel-cnt">
                        <li><a href="">Входящие (<b>10</b>)</a>
                        </li>
                        <li><a href="">Архив (27)</a>
                        </li>
                        <li class="nav-panel-cnt-mes active"><a href="">Деми Мур</a>
                            <span class="el-icon-remove-sign"></span>
                        </li>
                        <li class="nav-panel-cnt-mes"><a href="">Деми Мур</a>
                            <span class="el-icon-remove-sign"></span>
                        </li>
                        <li class="nav-panel-cnt-mes"><a href="">Деми Мур</a>
                            <span class="el-icon-remove-sign"></span>
                        </li>
                    </ul>
                    <div class="offers-message-cnt">
                        <ul class="offers-message-list">
                            <li class="__my active">
                                <img src="" />
                                <div class="offers-message-list_dsc">
                                    <div>Сантехник-универсал</div>
                                    <div>235 Р или 3
                                        <span class="el-icon-time-alt"></span>
                                    </div>
                                </div>
                            </li>
                            <li class="active">
                                <img src="" />
                                <div class="offers-message-list_dsc">
                                    <div>Сантехник-универсал</div>
                                    <div>235 Р или 3
                                        <span class="el-icon-time-alt"></span>
                                    </div>
                                </div>
                            </li>
                            <li class="__my">
                                <img src="" />
                                <div class="offers-message-list_dsc">
                                    <div>Сантехник-универсал</div>
                                    <div>235 Р или 3
                                        <span class="el-icon-time-alt"></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <img src="" />
                                <div class="offers-message-list_dsc">
                                    <div>Сантехник-универсал</div>
                                    <div>235 Р или 3
                                        <span class="el-icon-time-alt"></span>
                                    </div>
                                </div>
                            </li>

                        </ul>
                        <div class="offers-message-chat">
                            <div class="offers-message-chat_display">
                                <div class="offers-message_i __my">
                                    <div class="offers-message_profile">
                                        <a href="">
                                            <img src="css/images/profile.png" />
                                        </a>
                                        <div class="offers-message_profile_date">08.02.07</div>
                                    </div>
                                    <div class="offers-message_text">
                                        Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects! It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other “attribution” claws.
                                    </div>
                                </div>
                                <div class="offers-message_i">
                                    <div class="offers-message_profile">
                                        <a href="">
                                            <img src="css/images/profile.png" />
                                        </a>
                                        <div class="offers-message_profile_date">08.02.07</div>
                                    </div>
                                    <div class="offers-message_text">
                                        Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects! It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other “attribution” claws.
                                    </div>

                                </div>

                                <div class="offers-message_i __my">
                                    <div class="offers-message_profile">
                                        <a href="">
                                            <img src="css/images/profile.png" />
                                        </a>
                                        <div class="offers-message_profile_date">08.02.07</div>
                                    </div>
                                    <div class="offers-message_text">
                                        Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects! It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other “attribution” claws.
                                    </div>
                                </div>
                                <div class="offers-message_i">
                                    <div class="offers-message_profile">
                                        <a href="">
                                            <img src="css/images/profile.png" />
                                        </a>
                                        <div class="offers-message_profile_date">08.02.07</div>
                                    </div>
                                    <div class="offers-message_text">
                                        Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects! It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other “attribution” claws.
                                    </div>
                                </div>
                                <div class="offers-message_separator">
                                    <span>10 Февраля</span>
                                </div>
                                <div class="offers-message_i __my">
                                    <div class="offers-message_profile">
                                        <a href="">
                                            <img src="css/images/profile.png" />
                                        </a>
                                        <div class="offers-message_profile_date">08.02.07</div>
                                    </div>
                                    <div class="offers-message_text">
                                        Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects! It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other “attribution” claws.
                                    </div>
                                </div>
                                <div class="offers-message_i">
                                    <div class="offers-message_profile">
                                        <a href="">
                                            <img src="css/images/profile.png" />
                                        </a>
                                        <div class="offers-message_profile_date">08.02.07</div>
                                    </div>
                                    <div class="offers-message_text">
                                        Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects! It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other “attribution” claws.
                                    </div>

                                </div>
                            </div>
                            <div class="offers-message_form">
                                <textarea class="offers-message_form_text"></textarea>
                                <span class="el-icon-smiley"></span>
                                <span class="el-icon-paper-clip"></span>
                                <span class="el-icon-map-marker"></span>
                            </div>
                            <button class="btn-conclude-deal">заключить сделку</button>
                            <button class="btn-send-message">
                                <span class="el-icon-comment"></span>Отправить</button>
                        </div>
                    </div>
                </div>
